import React, { Component, PropTypes } from 'react';
import Style from './index.scss'

class carPrefixList extends Component {
    constructor(props) {
        super(props);
    }

    componentWillMount() {

    }

    componentDidMount() {

    }

    componentWillUnmount() {

    }

    render() {

        return (
            <div className={Style.carPrefixList} onClick={name => this.props.getName('')} style={this.props.isShowPreFix ? {display:'inherit'} : {display: 'none'}}>
                <dl>
                    {this.props.list.map((name, i) => <dd key={i} onClick={item => this.props.getName(`粤${name}`)}>{`粤${name}`}</dd>)}
                </dl>
                <dl className={Style.interval}></dl>
                <dl className={Style.close}>取消</dl>
            </div>
        );
    }
}

carPrefixList.propTypes = {

};

carPrefixList.defaultProps = {
    getName: name => console.log('获取车牌前缀:', name), //获取车牌前缀
    show: false, //显示或隐藏
    list: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y'], //列表数据
}

export default carPrefixList;

